.home {
  width: 100%;
  height: 90vh;
  overflow-y: scroll;
  font-size: 14px;

  .common {
    padding: 20px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 11rem;
    .eventP {
      text-align: center;
      width: 33%;
      margin-bottom: 4.375rem;
      .title {
        font-size: 1.8125rem;
        font-family: PingFang SC;
        font-weight: 400;
        color: #050d2c;
      }
    }
  }
  &-bannerBox {
    padding-bottom: 20px;
    &-bannerBackground {
      position: relative;
      height: 19.175rem;
      background-image: url(../../images/Info/bg1.png);
      background-repeat: no-repeat;
      background-size: 100% 100%;
      text-align: center;
      color: #fff;
      padding-top: 3.125rem;
      font-family: PingFang SC;
      font-weight: 500;
      font-size: 2.25rem;
    }
    &-title {
      position: absolute;
      top: 1.5rem;
      left: 0;
      right: 0;
      bottom: 0;
      text-align: center;
      z-index: 10;
      color: #fff;
      font-size: 2.5rem;
      height: 3rem;
    }
    &-banner {
      position: absolute;
      width: 90%;
      height: 21.875rem;
      background-image: url(../../images/Info/banner.png);
      background-position: 0 0;
      background-repeat: no-repeat;
      background-size: 100% 100%;
      top: 20rem;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      border-radius: 10px;
    }
  }
}
